<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <title>详情</title>
</head>
<body>
<div align="center">
    <h2>顺风搬家预约登记系统</h2>
    <caption align="right">顺风搬家，一路顺风</caption>
    <div style="width: 650px;height: 400px;">
       <form>

           <table class="table table-dark table-hover">
               <input th:value="${moveId.id}" name="id" style="display: none">
               <tr>
                   <td>起始地区:</td>
                   <td th:text="${moveId.area}"></td>
               </tr>
               <tr>
                   <td>所用车型:</td>
                   <td th:text="${moveId.carType}"></td>
               </tr>
               <tr>
                   <td>搬家日期:</td>
                   <td th:text="${moveId.moveDate}"></td>
               </tr>
               <tr>
                   <td>联系人:</td>
                   <td th:text="${moveId.contact}"></td>
               </tr>
               <tr>
                   <td>联系电话:</td>
                   <td th:text="${moveId.phone}"></td>
               </tr>
               <tr>
                   <td>订单状态:</td>
                   <td th:text="${moveId.status == 0 ? '未处理' : (moveId.status ==1 ?  '已派车' :(moveId.status ==2 ?  '已结束' :'未知'))}"></td>
               </tr>
               <tr>
                   <td></td>
                   <td><button type="submit" class="btn btn-info"><a th:href="@{/AllList}" style="color: white">返回</a></button></td>
               </tr>
           </table>
       </form>


    </div>
</div>
</body>
</html>